.margint{
    margin-top: 20px;
}
.form{
    width: 40%;
    height: auto;
    margin: 0 auto;
}
.animation{
    animation: pos 1.5s infinite;
    opacity: 0;
    position: relative;
    left: -400px;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
}
.delay1{
    animation-delay: 1.5s;
}
.delay2{
    animation-delay: 3s;
}
.delay3{
    animation-delay: 4.5s;
}
.delay3{
    animation-delay: 4.5s;
}
.delay4{
    animation-delay: 6s;
}
@keyframes pos{
    from{
        opacity: 0;
        left: -400px;
    }
    to{
        opacity: 1;
        left: 0;
    }
}
.but .input-group{
    margin: 200px auto;
    animation: posi 1.5s infinite;
    opacity: 0;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 7.5s;
}
@keyframes posi{
     from{
         opacity: 0;
         margin: 200px auto;
     }
     to{
         opacity: 1;
         margin: 0 auto;
     }
 }
label{
    margin-top: 8px;
}
#email-error,#addr-error,#phone-error,#name-error,#id-error{
    color: red;
    margin-left:5px ;
    margin-top: 8px;
    font-size: 12px;
}
